<!doctype html>

<!--[if lt IE 7 ]><html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js" > <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title></title>
<link rel="stylesheet" href="../static/bootstrap-3.3.7-dist/css/bootstrap.css" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap.css}" />
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/bootstrap-3.3.7-dist/js/libs/bootstrap.js" th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>

</head>
<body style="background-image: none;">
    <div class="body_wrap">
        <div class="container">
            
            <table class="table table-striped table-bordered">
                <tr>
                    <td>id</td>
                    <td>name</td>
                    <td><a href="/assets/typelist">type</a></td>
                    <td>building</td>
                    <td>floor</td>
                    <td>area</td>
                    <td>department</td>
                    <td>admintor</td>
                    <td>使用编号</td>
                    <td>使用时间</td>
                    <td>结束使用时间</td>
                    <td>使用情况</td>
                </tr>
                
                <tr th:each="room : ${roomList} "  class="text-info">
                    <td><a th:href="@{'/assets/listByroomid?id='+ ${room.id}}"  th:text="${room.id}">eee</a></td>
                    <td th:text="${room.name}"></td>
                    <td th:text="${room.roomtype.typename}"></td>
                    <td th:text="${room.building.name}"></td>
                    <td th:text="${room.floorid}"></td>
                    <td th:text="${room.area}"></td>
                    <td th:text="${room.department}"></td>
                    <td th:text="${room.admintor}"></td>
                    <td th:text="${room.usenumber}"></td>
                    <td th:text="${#dates.format(room.usetime , 'yyyy-MM-dd')}"></td>
                    <td th:text="${#dates.format(room.endusetime , 'yyyy-MM-dd')}"></td>
                    <td th:text="${room.inuse}"></td>
		            <td><a th:href="@{'/room/toupdate?id='+ ${room.id}}">修改</a></td>
		                                 
                    <td><a th:href="@{'/room/delete?id='+ ${room.id}}" onClick="return confirm('您确认要删除吗？')">删除 </a></td>
                    <td><a th:href="@{'/room/details?id='+ ${room.id}}">详情</a></td> 
                </tr>
                
            </table>
            <a href="/room/toadd">add</a>

        </div>
        
       
        <!--/ container --> 
    </div>
</body>
<script>
	var date = document.getElementById("ddd").innerText;
	console.log(date);
</script>
</html>